<page-header *ngIf="device$ | async as device"
             [breadcrumb]="breadcrumb"
             [title]="device.deviceName">
    <ng-template #breadcrumb>
        <nz-breadcrumb>
            <nz-breadcrumb-item><a [routerLink]="'/deviceManager/devices'">设备管理</a></nz-breadcrumb-item>
            <nz-breadcrumb-item><a>设备详情</a></nz-breadcrumb-item>
        </nz-breadcrumb>
    </ng-template>
</page-header>

<nz-card [nzTitle]="menu">
    <ng-template #menu>
        <ul nz-menu nzMode="horizontal">
            <li (click)="to(m)" *ngFor="let m of menus" [nzSelected]="m.selected" nz-menu-item>{{ m.title }}</li>
        </ul>
    </ng-template>
    <router-outlet></router-outlet>
</nz-card>